<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="scss/details.css"/>
		<link rel="stylesheet" type="text/css" href="scss/common.css"/>
		<link rel="stylesheet" href="js/swiper/swiper.css">
		<script src="js/big/js/jquery.js"></script>
		<script type="text/javascript" src="js/big/js/xzoom.min.js"></script>
		<script src="js/big/js/setup.js"></script>
		<link rel="stylesheet" type="text/css" href="css/xzoom.css" media="all" /> 
	</head>
		<script src="js/require.js" data-main="js/config.js"></script>
		<script src="js/details.js"></script>
	<body>
		<!--top-->
		<div id="top">
			<div class="_top com">
				<p>Hi!欢迎来到永辉超市<a class="_dl" href="register.html">登录</a><a class="_zuce" href="zuce01.html">免费注册</a></p>
				<ul>
					
					<li><a href="#">手机永辉</a></li>
					<li><a href="#">帮助中心</a></li>
					<li><a href="p_center.html">我的永辉</a></li>
				</ul>
			</div>	
		</div>
		<!--test-->
		<div id="test">
			<div class="_test com">
				<img src="img/images/ceshi.jpg"/>
			</div>
		</div>
		
		<!--title-->
		<div id="title">
			<div class="_title com">
				<img class="_img" src="img/images/logo.jpg"/>
				
				<input type="text" name="" id="btn1" value="请输入关键字" />
				<input type="submit" name="" id="btn2" value="搜索" />
				<div class="car">
					<p>购物车<a href="#">0</a>件</p>
				</div>
				<ul>
					<li><img src="img/images/f2.jpg"/>品质生活飞速送达</li>
					<li><img src="img/images/f1.jpg"/><p>保证正品安全无忧</p></li>
				</ul>
			</div>
		</div>
		<!--nav-->
		<div id="nav">
			<div class="_nav com">
				<div class="general">
					<li class="t">商品详情</li>
						
					<ul class="list">
						<li><a href="#">水果生鲜</a></li>
						<li><a href="#">进口奶粉</a></li>
						<li><a href="#">肉食熟食</a></li>
						<li><a href="#">冷冻食品</a></li>
						<li><a href="#">饮料酒水</a></li>
						<li><a href="#">米面</a></li>
						<li><a href="#">调味品</a></li>
						<li><a href="#">厨卫家具</a></li>
						<li><a href="#">母婴用品</a></li>
					</ul>
					
					
				</div>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">永辉钱包</a></li>
				</ul>
			</div>
		</div>
		
		
		<!--放大镜-->
		<div id="big_glass" class="com">
			
			<!-- fancy start -->
		    <div id="fancy">
		    <div class="row">
		      <div class="large-5 column">
		        <div class="xzoom-container">
		          <img class="xzoom4" id="xzoom-fancy" src="images/gallery/preview/mg01.jpg" xoriginal="images/gallery/original/mg01.jpg" />
		          <div class="xzoom-thumbs">
		            <a href="images/gallery/original/mg01.jpg"><img class="xzoom-gallery4" width="80" src="images/gallery/preview/mg01.jpg"  xpreview="images/gallery/preview/mg01.jpg" title="The description goes here"></a>
		            <a href="images/gallery/original/mg02.jpg"><img class="xzoom-gallery4" width="80" src="images/gallery/preview/mg02.jpg" title="The description goes here"></a>
		            <a href="images/gallery/original/mg03.jpg"><img class="xzoom-gallery4" width="80" src="images/gallery/preview/mg03.jpg" title="The description goes here"></a>
		            <a href="images/gallery/original/mg04.jpg"><img class="xzoom-gallery4" width="80" src="images/gallery/preview/mg04.jpg" title="The description goes here"></a>
		          </div>
		        </div>          
		      </div>
		    </div>
		    
		    </div>   
		    <!-- fancy end -->
			
			
			
			<!--
            	作者：offline
            	时间：2017-03-27
            	描述：！！！！！！！！！！！！右边购买收藏框
            -->
			
			<div class="buy">
				<h3>冠熟木瓜（两粒）</h3>
				<p class="price">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;原 价 ： <a href="#">￥20.50</a></p>
				<p class="kc">库  存 ： <input type="submit" name="" id="" value="999+" /></p>
				<p class="dz">送 货 地 址：<input type="text" name="" id="" value="请输入详细地址" /></p>
				
				<div class="btn">
					<a href="#">立刻购买</a>
					<a href="#">加入购物车</a>
					<a href="#">关注/收藏</a>
				</div>
				<img src="img/images/qq.jpg"/>
			
			
			</div>
			
			
			
			
		</div>
		
			<!--
            	作者：offline
            	时间：2017-03-27
            	描述：商品详情
            -->
			<div id="details" class="com">
				<ul class="xq">
					<li>商品详情</li>
					<li>商品评论<a href="#">(0)</a></li>
					<li>售后服务</li>
				</ul>
				
				<div class="spxq">
					
					<div class="xq01">
						<img src="img/images/xq01.jpg"/>
						<img src="img/images/xq02.jpg"/>
						<img src="img/images/xq03.jpg"/>
					</div>
					
					<div class="xq02">
						<img src="img/images/xq02.jpg"/>
						<img src="img/images/xq03.jpg"/>
					</div>
					
					<div class="xq03">
						<img src="img/images/xq03.jpg"/>
					</div>
				</div>
				
			</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		<!--bottom01-->
		<div id="bottom01">

		<ul>
			<li><img src="img/images/b01 .jpg"/><a href="#">品质保证</a></li>
			<li><img src="img/images/b02.jpg"/><a href="#">源头直供</a></li>
			<li><img src="img/images/b03.jpg"/><a href="#">自建冷库</a></li>
			<li><img src="img/images/b04.jpg"/><a href="#">专属配送</a></li>
			<li><img src="img/images/b05.jpg"/><a href="#">本地直采</a></li>
			
		</ul>
		</div>
		<!--bottom02-->
		<div id="bottom02">
			<ul class="one">
				<li><a href="#">公司介绍</a></li>
				<li>关于永辉</li>
				<li>全国门店</li>
				
			</ul>
			<ul>
				<li><a href="#">购物介绍</a></li>
				<li>新用户帮助</li>
				<li>购物流程</li>
				<li>全国门店</li>
				
			</ul>
			<ul>
				<li><a href="#">支付方式</a></li>
				<li>永辉钱包</li>
				<li>全国门店</li>
				<li>银联支付</li>
				<li>手机支付</li>
			</ul>
			<ul>
				<li><a href="#">售后服务</a></li>
				<li>退货流程</li>
				<li>退货方式</li>
				
			</ul>
			<ul>
				<li><a href="#">常见问题</a></li>
				<li>发票制度</li>
				<li>联系客服</li>
				
			</ul>
			<img class="phone" src="img/images/b06.jpg"/>
			<ul class="serve">
				<li><a href="#">客服热线</a></li>
				<li><a href="#">400 100 93333</a></li>
				<li>客服时间：7:00-22:00</li>
			</ul>
			<div class="code">
				<img src="img/images/b07.jpg"/>
				<p>关注我们的微店</p>
			</div>
			<div class="code">
				<img src="img/images/b08.jpg"/>
				<p>关注我们的微信</p>
			</div>
		</div>
		
		<!--bottom03-->
		<div id="bottom03">
			<p> Copyright @2015 永辉超市 版权所有 闽IPC备001652号</p>
		</div>
	</body>
</html>
